.global_table_header {
  background: #f0f2ff;
}

/* 全局表头input样式 */
.global_ipt_text {
  height: 34px;
  padding-left: 4px;
  background-color: #f9f9f9;
  border-radius: 4px;
  border: none;
}

.global_ipt_text:focus {
  border: 1px solid #98c3ed;
  border-color: #98c3ed;
  outline: 0;
}

.global_search {
  position: relative;
}

.global_search span {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translate(0, -50%);
  color: #aeadad;
}

.global_search .global_ipt_text {
  padding-left: 20px;
}

/* 全局表格样式 */
.global_table .global_table_title {
  background-color: #f0f2ff;
  color: #a5aab7;
  font-weight: 500;
}

.global_table .global_table_item:nth-child(2n + 1) {
  background-color: #fff;
}

.global_table .global_table_item:nth-child(2n) {
  background-color: #f9f9f9;
}

.global_table .global_table_item:hover {
  background-color: #f0f0f7;
}

/*
==================================
   列表分隔 tabbar
==================================
*/
.global_list_tabbar {
  overflow: hidden;
  display: inline-block;
  margin: 10px 0;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.global_list_tabbar li {
  cursor: pointer;
  float: left;
  height: 34px;
  line-height: 34px;
  text-align: center;
  padding: 0 10px;
  border-right: 1px solid #e5e5e5;
}

.global_list_tabbar li:last-child {
  border-right: none;
}

.global_list_tabbar li.active {
  background-color: #565e99;
  color: #fff;
}

/*
==================================
   列表 tabbar 重置标志
==================================
*/
.global_reset_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 6px;
  left: 0px;
  transform: translate(0, -50%);
  background-color: #eaeaea;
  color: #5e67a5;
  width: 27px;
  height: 27px;
  line-height: 27px;
  border-radius: 27px;
  cursor: pointer;
  text-align: center;
}

/*
==================================
   列表搜索框展开收缩标志
==================================
*/
.global_open_sign {
  height: 30px;
  line-height: 30px;
  margin-top: 5px;
  color: #f4ae47;
  position: absolute;
  right: 0;
  bottom: 16px;
  border-radius: 4px;
  text-align: right;
  padding-right: 5px;
  cursor: pointer;
}

.global_open_sign .global_open_icon {
  display: inline-block;
}

/*
==================================
   相关文件中下操作按钮样式
==================================
*/
.opera-but {
  display: flex;
  align-items: center;
}

.opera-but a {
  display: flex;
  color: #565e99;
}

.opera-but a b {
  padding-left: 5px;
  font-size: 12px;
}

.block-D-P-D {
  display: inline-block;
  width: 1px;
  height: 15px;
  background: #dfdfdf;
  margin: 0 10px;
}

.opera-but-first {
  color: #999 !important;
}

.color-cfcfcf {
  color: #cfcfcf;
}

/*
==================================
   列表筛选框样式
==================================
*/
.global_screening_container {
  display: flex;
  align-items: center;
}

.global_screening_list {
  display: inline-block;
  overflow: hidden;
  margin: 10px 0;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.global_screening_list li {
  cursor: pointer;
  float: left;
  height: 34px;
  line-height: 34px;
  text-align: center;
  padding: 0 10px;
  border-right: 1px solid #e5e5e5;
}

.global_screening_list li:last-child {
  border-right: none;
}

.global_screening_list li.active {
  background-color: #565e99;
  color: #fff;
}

.global_refresh_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea;
  color: #5e67a5;
  width: 27px;
  height: 27px;
  border-radius: 27px;
  cursor: pointer;
  text-align: center;
  margin-left: 15px;
}

/*
==================================
   租赁状态
==================================
*/
/* 预定 */
.yd_status {
  background: #76bde5 !important;
}

/* 在租 */
.yz_status {
  background: #44b549 !important;
}

/* 即将履约 */
.ip_status {
  background: #f9b96b !important;
}

/* 即将到期 */
.du_status {
  background: #e75776 !important;
}

/* 自用 */
.zy_status {
  background: #c68b8b !important;
}

/* 空置 */
.kz_status {
  background: #bfc0c1 !important;
}

/*
==================================
   公用表单
==================================
*/

.hoverButs:hover .morebuts {
  display: flex;
  background: #fff;
  border-radius: 4px;
}

.morebuts {
  display: none;
  position: absolute;
  z-index: 999;
  top: -12px;
  left: -94px;
  width: 90px;
  flex-direction: column;
  padding: 0 10px;
}

.morebuts a {
  line-height: 30px;
}

.morebuts a {
  border-bottom: 1px solid #999;
}

.morebuts a:last-child {
  border: none;
}

.triangleIcon {
  position: absolute;
  display: inline-block;
  /* top: 7px;
  left: 250px; */
  width: 0;
  height: 0px;
  content: "";
  border-style: solid;
  border-width: 6px;
  border-color: #fff #fff transparent transparent;
  /* transform: rotate(315deg); */
  box-shadow: 2px -2px 2px #ccc;
  color: #999;
}

/* 无限层级 */
.hl-infinite-tree {
  line-height: 40px;
}

.hl-tree-hover {
  height: 40px;
}

.hl-tree-hover input {
  box-sizing: border-box;
}

.hl-tree-operate {
  position: absolute;
  right: 0;
  top: 0;
}

.hl-tree-hover:hover .hl-tree-operate {
  display: block;
}

.hl-infinite--name.active {
  font-weight: bold;
}

.hl-tree-add-list {
  position: absolute;
  width: auto;
  white-space: nowrap;
  background: #fff;
  border-radius: 4px;
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  filter: drop-shadow(3px 3px 3px #666);
  margin-right: 10px;
  display: none;
}

.hl-tree-add-list:before {
  content: "";
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translate(0, -50%);
}

.hl-tree-add-list li {
  line-height: 24px;
  height: 24px;
  padding: 0 15px;
}

.hl-tree-add-list li:hover {
  color: #0000fe;
}

.samelevel-event-hover:hover .hl-tree-add-list {
  display: block;
}

/* 加载样式 */
.hl-loading-container {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.hl-loading-container .text {
  color: #fff;
  font-size: 16px;
  margin-top: 20px;
}

/* 添加单元，车位，工位 列表样式*/
.hltable_unit_park_wp {
  border: 1px solid #e5e5e5;
}

.hl-table-head {
  background: -webkit-gradient(linear,
      0 0,
      0 bottom,
      from(#fcfcfc),
      to(#ececec));
  height: 40px;
  line-height: 30px;
  color: #a5aab7;
  text-align: center;
}

.hl-table-head ul {
  padding: 5px;
}

.hl-table-body ul {
  display: flex;
}

.hl-table-body ul li {
  padding: 5px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hl-table-body .operateArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.hl-table-body .operateArea span {
  margin-right: 10px;
  margin-bottom: 5px;
}

.hl-table-body .operateArea i {
  margin-left: 3px;
}

/* 账单变更信息 */
.bill-progress-container .bill-progress {
  position: relative;
  height: 60px;
}

.bill-amount--progress {
  line-height: 34px;
  background-color: #5e77ad;
  border-radius: 3px;
  padding: 0 10px;
  white-space: nowrap;
  box-shadow: 0 0 6px rgba(80, 80, 80, 0.6);
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.8s all linear;
}

.bill-amount--progress i {
  width: 0;
  height: 0;
  border: 5px solid;
  border-color: #5e77ad transparent transparent;
  position: absolute;
  bottom: -10px;
  transition: 0.8s all linear;
}

.bill-progress-rate {
  height: 10px;
  border-radius: 5px;
  background-color: #d6d9ea;
  margin-top: 50px;
  overflow: hidden;
}

.bill-progress-rate span {
  display: block;
  height: 100%;
  background-color: #5e77ad;
  border-radius: 5px;
  position: relative;
  transition: 0.8s all linear;
}

.bill-progress-rate span:before {
  content: "";
  position: absolute;
  right: 4px;
  top: 3px;
  background: #fff;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

/* 滚动条样式 */
::-webkit-scrollbar-track-piece {
  width: 6px;
  background: #eee;
  border: 0;
  border-radius: 3px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border: 0;
  background: #424f63;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border: 0;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #666;
}

/* 全局swicth样式 */
.hl-switch {
  width: 30px;
  height: 17px;
  border-radius: 8.5px;
  padding: 0 2px;
}

.hl-switch-on {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #565e99;
}

.hl-switch-off {
  display: flex;
  align-items: center;
  background: #d4d4d4;
}

.hl-yuan {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
}

/* 自定义表格遮罩层 */
.hl-custom-tabl-dialog {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hl-custom-tabl-dialog img {
  width: 20px;
  height: 20px;
}

.hl-custom-tabl-dialog div {
  margin-top: 10px;
  font-size: 14px;
  color: #fff;
}

/* 全局详情页（标题+内容） 例：线索详情中的主要信息客户信息 */
.hl-global-detail-box {}

.hl-global-detail-box .hl-row {
  display: flex;
}

.hl-global-detail-box .hl-row .hl-row-item {
  width: 50%;
  display: flex;
}

.hl-global-detail-box .hl-row .hl-row-item .title {
  width: auto !important;
  height: 34px;
  line-height: 34px;
  color: #999;
}

.hl-global-detail-box .hl-row .hl-row-item .item {
  flex: 1;
  height: auto !important;
  padding-right: 10px !important;
  line-height: 34px;
}

/* 全局列表页搜索 */
.hl-global-search-item {
  display: flex;
  flex-direction: column;
}

.hl-global-search-item .hl-global-search-title {
  color: #CFCFCF;
  font-size: 12px;
  height: 12px;
  margin-bottom: 6px;
}

/* //重置饿了吗样式 */
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
		border-bottom-color: #fff !important;
	}
	.el-tooltip__popper.is-light {
		border: 0 !important;
		filter: drop-shadow(0px 0px 4px #999);
	}
	.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
		border: 0 !important;
	}